﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPageIntranet.Master" AutoEventWireup="true" CodeBehind="wfr_administrarOC.aspx.cs" Inherits="SGCP_UI.wfr_administrarOC" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<link href="themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css" />
    <script src="ui/jquery.ui.core.js" type="text/javascript"></script>
    <script src="ui/jquery.ui.widget.js" type="text/javascript"></script>
    <script src="ui/jquery.ui.datepicker.js" type="text/javascript"></script>
    <script src="ui/i18n/jquery.ui.datepicker-es.js" type="text/javascript"></script>

    <script src="Scripts/jquery.easing.1.3.js" type="text/javascript"></script>


     <link href="Styles/jquery.bubblepopup.v2.3.1.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/jquery.bubblepopup.v2.3.1.min.js" type="text/javascript"></script>

    <script type = "text/javascript">

        $(document).ready(function () {

            $("#txtCodigo").CreateBubblePopup({

                position: 'top',
                align: 'center',

                innerHtml: 'Ingrese el código del documento <br /> \
												Orden de Compra',

                innerHtmlStyle: {
                    color: '#FFFFFF',
                    'text-align': 'center'
                },

                themeName: 'all-black',
                themePath: 'img/jquerybubblepopup-theme'

            });
            $("#<%=ddlBusqueda.ClientID%>").CreateBubblePopup({

                position: 'top',
                align: 'center',

                innerHtml: 'Seleccione un modo <br /> \
												de busqueda',

                innerHtmlStyle: {
                    color: '#FFFFFF',
                    'text-align': 'center'
                },

                themeName: 'all-black',
                themePath: 'img/jquerybubblepopup-theme'

            });




            //create a bubble popup for each DOM element with class attribute as "text", "button" or "link" and LI, P, IMG elements.
            $('#txtFecha1, #txtFecha2').CreateBubblePopup({

                position: 'top',
                align: 'center',

                innerHtml: 'Seleccione una fecha',

                innerHtmlStyle: {
                    color: '#FFFFFF',
                    'text-align': 'center'
                },

                themeName: 'all-black',
                themePath: 'img/jquerybubblepopup-theme'

            });
        });




        $(document).ready(function () {

            $("#divFecha").hide();
            $("#divCodigo").hide();
            $("#divActualizarPago").hide();
            $("#<%=ddlBusqueda.ClientID%>").change(function () {
                if ($("#<%=ddlBusqueda.ClientID%>").val() == "Por Fecha") {
                    $("#divCodigo").hide(function () {
                        $("#divFecha").show();
                    });


                }

                if ($("#<%=ddlBusqueda.ClientID%>").val() == "Por Codigo") {
                    $("#divFecha").hide(function () {
                        $("#divCodigo").show();
                    });


                }
            });
        });

        function script_AdministrarOrdenCompra(arg) {
            var dato = arg;
            var vector = new Array();
            llenarVector_AdministrarOrdenCompra(dato, vector);
            mostrarResultados_AdministrarOrdenCompra(vector);
        }

        function llenarVector_AdministrarOrdenCompra(abc, vector) {
            $(abc).each(function (i, elemento) {
                vector[i] = $(elemento).html();
            });
        }

        function mostrarResultados_AdministrarOrdenCompra(vector) {
            //alert("das");     
            if (vector[0] == "ConsultaPorFecha") {
                var info = document.getElementById("divGrillaFecha");
                info.innerHTML = vector[1];

                $("divGrillaFecha tr").show();
            }
            else {
                if (vector[0] == "ConsultaPorCodigo") {
                    var info = document.getElementById("divGrillaCodigo");
                    info.innerHTML = vector[1];
                    $("#divGrillaCodigo tr:eq(0)").append("<th>Modificar</h>");
                    $("#divGrillaCodigo tr:not(:first)").append("<td><a onclick = 'return modificar()'>Modificar</a</td>");
                    $("divGrillaCodigo tr").show();
                }
                else {
                    $("#divGrilla").html(vector[0]);
                }
            }
        }
        function modificar() {
            $("#divActualizarOrdenCompra").show();
            $("#divGrillaCodigo td:contains('Modificar')").click(function () {
                var deuda = $(this).siblings().eq(5).html();
                $("#txtDeuda").val(deuda);
            });

        }
        $(function () {
            $("#txtFecha1").datepicker({
                altfield: "",
                altFormat: "DD,d MM, yy"
            });
        });

        $(function () {
            $("#txtFecha2").datepicker({
                altfield: "",
                altFormat: "DD,d MM, yy"
            });
        });
        function Button1_onclick() {
            var lb = "BuscarPorFecha" + "$" + $("#txtFecha1").val() + "$" + $("#txtFecha2").val();
            llamarServidor(lb, "");
        }

        function Button2_onclick() {
            var lb = "BuscarPorCodigo" + "$" + $("#txtCodigo").val();
            llamarServidor(lb, "");
        }

        function Button3_onclick() {
            var lb = "ActualizarCotizacion" + "$" + $("#txtDeuda").val() + "$" + $("#txtMontoPagar").val(); ;
            llamarServidor(lb, "");
        }

        function Button4_onclick() {
            $("#divActualizarCotizacion").hide();
        }

    </script>
    <style type="text/css">
        .style1
        {
            width: 100%;
            height: 63px;
            margin-bottom: 0px;
        }
        .style2
        {
            width: 128px;
        }
        .style3
        {
            width: 111px;
            text-align: right;
        }
        .style4
        {
        }
        .style5
        {
            width: 114px;
        }
        .style6
        {
            width: 13px;
        }
        .style10
        {
            width: 74px;
        }
        .style13
        {
            width: 72px;
        }
        .style14
        {
            width: 126px;
        }
        .style15
        {
            width: 91px;
        }
        .style16
        {
            width: 127px;
        }
        .style17
        {
            width: 64px;
        }
        .style20
        {
            width: 149px;
        }
        </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
          <table class="style1">
                 <tr>
                     <td class="style4" colspan="6">
                     &nbsp;</td>
                 </tr>
                 <tr>
                     <td class="style4">
                     &nbsp;</td>
                     <td class="style2">
                          Modo de busqueda:
                     </td>
                     <td>
                          <asp:DropDownList ID="ddlBusqueda" runat="server" Height="25px" Width="95px">
                                    <asp:ListItem Value="Seleccionar"></asp:ListItem>
                                    <asp:ListItem>Por Fecha</asp:ListItem>
                                    <asp:ListItem>Por Codigo</asp:ListItem>
                          </asp:DropDownList>
                     </td>
                     <td>
                            &nbsp;</td>
                     <td>
                            &nbsp;</td>
                     <td>
                            &nbsp;</td>
                 </tr>
          </table>
    
          <div id = "divFecha">
                <table class="style1">
                        <tr>
                            <td class="style3">
                                De:</td>
                            <td class="style5">
                                <input id="txtFecha1" type="text" /></td>
                            <td class="style6">
                                a:</td>
                            <td class="style16">
                                <input id="txtFecha2" type="text" /></td>
                            <td>
                                <input id="Button1" 
                                    type="button" value="Buscar" onclick="return Button1_onclick()" /></td>
                        </tr>
                </table>
                <center>
                    <asp:GridView ID="gvFecha" runat="server" Width="558px" class="table">
                    </asp:GridView>
                       <center>
                           <div id = "divGrillaFecha">        
                           </div>    
                       </center>
                </center>
          </div>
          
          <div id = "divCodigo">
               <table class="style1">
                        <tr>
                            <td class="style10">
                                &nbsp;</td>
                            <td class="style15">
                                Ingresar&nbsp; Codigo:</td>
                            <td class="style20">
                                <input id="txtCodigo" type="text" /></td>
                            <td>
                                <input id="Button2" type="button" value="Buscar" 
                                    onclick="return Button2_onclick()" /></td>
                            <td>
                                &nbsp;</td>
                        </tr>
               </table>
               <center>
                    <asp:GridView ID="gvCodigo" runat="server" Width="484px" class="table">
                    </asp:GridView>
               </center>
               <center>
                    <div id = "divGrillaCodigo">        
                    </div>    
               </center>
                    <div id = "divActualizarPago">
                           <br />
                           <center>

                            <asp:GridView ID="gvDetalleCotizacion" runat="server" Width="484px" class="table">
                            </asp:GridView>


                                   
                                   <table class="style1">
                                        <tr>
                                            <td class="style14">
                                                &nbsp;</td>
                                            <td class="style13">
                                                <input id="Button3" type="button" value="Guardar Cambios" onclick="return Button3_onclick()" /></td>
                                            <td>
                                                <input id="Button4" type="button" value="Ocultar" onclick="return Button4_onclick()" /></td>
                                            <td>
                                                &nbsp;</td>
                                        </tr>
                                   </table>
    
                             </center>
                    </div>
          </div>
          <center>
                 <div id = "divGrilla">        
                 </div>    
          </center>
                 <br />
                 <br />
 </asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
</asp:Content>
